<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=5.0" charset="UTF-8">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="format-detection" content="telephone=no">
		
		<link type="text/css" rel="stylesheet" href="../css/model/bootstrap.css"  />
		<link type="text/css" rel="stylesheet" href="../css/city_chose.css" />
		
		<script type="text/javascript" src='../js/model/jquery-2.1.4.min.js'></script>
		<script type="text/javascript" src="../js/model/bootstrap.js"></script>
		<script type="text/javascript" src="../js/model/reset_font.js"></script>
		
		<title>优当借书网</title>
		<script>
			window.onload=function(){
				$("body").css("opacity",1);
			}
		</script>

	</head>
	<body style="opacity: 0;">
		<div class="mychoose_section">
			<div class="mychoose">
			<div class="mychoose_top overflow_n">
				<img src="../images/city_chose/position.png" class="position"/>
				徐州
			</div>
			<div class="mychoose_bot">您可以选择其他城市，查看其它城市的内容</div>
		</div>
		</div>
		
		<div class="city_list">
			<div class="city_list_title">
				已开通城市：
			</div>
			<div class="city_list_ul">
				<li class="active">
					<a href="shop_chose.html">
						徐州
					</a>
				</li>
				<li>
					<a href="#">
						无锡
					</a>
				</li>
				<li>
					<a href="#">
						南昌
					</a>
				</li>
				<li>
					<a href="#">
						厦门
					</a>
				</li>
				<li>
					<a href="#">
						中山
					</a>
				</li>
				<li>
					<a href="#">
						济南
					</a>
				</li>
				<li>
					<a href="#">
						济宁
					</a>
				</li>
				<li>
					<a href="#">
						洛阳
					</a>
				</li>
				<li>
					<a href="#">
						阳泉
					</a>
				</li>
				<li>
					<a href="#">
						泰安
					</a>
				</li>
				<li>
					<a href="#">
						石家庄
					</a>
				</li>
				<li>
					<a href="#">
						招远
					</a>
				</li>
				<li>
					<a href="#">
						合肥
					</a>
				</li>
				<li>
					<a href="#">
						连云港
					</a>
				</li>
				<li>
					<a href="#">
						招远
					</a>
				</li>
				<li>
					<a href="#">
						合肥
					</a>
				</li>
				<li>
					<a href="#">
						连云港
					</a>
				</li>
				<li>
					<a href="#">
						招远
					</a>
				</li>
				<li>
					<a href="#">
						合肥
					</a>
				</li>
				<li>
					<a href="#">
						连云港
					</a>
				</li>
				<li>
					<a href="#">
						招远
					</a>
				</li>
				<li>
					<a href="#">
						合肥
					</a>
				</li>
				<li>
					<a href="#">
						连云港
					</a>
				</li>
				<li>
					<a href="#">
						招远
					</a>
				</li>
				<li>
					<a href="#">
						合肥
					</a>
				</li>
				
			</div>
		</div>
		<div class="shut">
			<img src="../images/city_chose/shut.png" class="shutPic" />
		</div>
		<script>
			$(function(){
				$(".city_list_ul li").click(function(){
					var flag=$(this).hasClass("active");console.log(flag);
					if(!flag){
						$(this).addClass("active").siblings().removeClass("active");
					}
				})
			})
		</script>
	</body>
</html>
